<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>Login</title>
    </h:head>
    <h:body>
        <div id="maincontent" style="margin-left: 10%">
                <h:graphicImage value="/resources/images/logo.png" style="display: block; margin-left: auto; margin-right: auto;"/>
       <p>Login to access the reservation system:</p>
       <h:form>
       <h:panelGrid columns="2">
           <h:outputText value="Username:" />
           <h:inputText value="#{authentication.username}" />
           <h:outputText value="Password:" />
           <h:inputSecret value="#{authentication.password}" />
           <h:link value="Registration" outcome="registration" /> 
           <h:commandLink value="Sign in" action="#{authentication.login}" />
       </h:panelGrid>
       </h:form>
        </div>
    </h:body>
</html>
